<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<link href="<%=basePath%>/style/main.css" rel="stylesheet" type="text/css" />
    <link type="text/css" rel="stylesheet" href="<%=basePath%>/style/style.css" />
    <script src="<%=basePath%>/Scripts/jquery-1.3.1.js" type="text/javascript"></script>
    <script src="<%=basePath%>/Scripts/jquery.validate.js" type="text/javascript"></script>
    <style>
	body{ padding:10px}
	.mydiv input {
		width: 160px;
		font-size: 15pt;
		border: solid 1px #7F9DB9;
		padding: 0px 10px;
		font-size: 15px;	
       }
	.mydiv{
	background-color: #F1F6FF;
	padding: 10px;
	border:1px solid #5BA8DE;
	}
	.mydiv legend{
	font-size: 20px;	
	}
	.myfieldset {
    padding:10px;
    margin:10px;
    width:800px;
    color:#333;
    border:#06c dashed 1px;
    }
    label { width: 10em; float: left; }
		label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
		em { font-weight: bold; padding-right: 1em; vertical-align: top; }
		em.error {
		  background:url("<%=basePath%>/images/unchecked.gif") no-repeat 0px 0px;
		  padding-left: 16px;
		}
		em.success {
		  background:url("<%=basePath%>/images/checked.gif") no-repeat 0px 0px;
		  padding-left: 16px;
		}
    </style>
    <script>
    $(function(){
    
    $.ajax( {
		dataType : "json",
		url : "PositionList", 
		success:function(data){
	    $.each(data,function(commentIndex, comment) {  
           $("#positionName option").each(function(){
		     if($(this).val()==comment.positionName)
		     {
			    $(this).remove();
		     }
		   }
		 ); 
           })
		
		
		}});
    $("#PositionForm").validate({
		rules: {
			employeePosId: { 
				required: true,
				minlength: 4
			},
			positionDes:{
			required:true,
			minlength:5
			}
		},
		messages: {
			employeePosId: {
				required: '请输入职位编号',
				minlength: '编号至少4位，字母+数字'
			},
			positionDes: {
				required: '请输入对于职位的描述',
				minlength: '至少五个字符'
			}
		},	
		errorElement: "em", //可以用其他标签，记住把样式也对应修改
		success: function(label) {
			label.text(" ")				//清空错误提示消息
				.addClass("success");	//加上自定义的success类
		}
	  });});
   </script>
  </head>
  <body>
  <div id="PositionMessage" class="mydiv">
   <form  id="PositionForm" action="NewPositionAction" method="post">
   <fieldset class="myfieldset">
  <div class="FuckTittle"><span class="title">基本资料</span></div>
      <p>&nbsp;</p>
      <div class="table4">
    <p>
      <label for="positionName">职位名称:</label><select id="positionName" name="positionName">
	           <option selected="selected">理财顾问</option>
			   <option>理财主任</option>
			   <option>行销经理</option>
			   <option>高级行销经理</option>
			   <option>理财经理</option>
			   <option>区域经理</option>
	           </select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      职位编号：<input type="text" id="employeePosId" name="employeePosId"/>
    </p><p>&nbsp;</p> 
     <p>
      <label for="positionDes">职位描述：</label><textarea  id="positionDes" name="positionDes" cols="20" rows="2"></textarea>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
               所属体系:<input type="radio" name="positionOwn" id="positionOwn" value="专业业务体系" checked="checked"/>专业业务体系
               <br/>
             &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
             <input type="radio" name="positionOwn" id="positionOwn" value="营销管理体系" />营销管理体系                              
     </p>
     <fieldset class="myfieldset">
     <legend>拥酬体系</legend>
     <p>&nbsp;</p>
     <p>
     <label for="firstrate">初&nbsp;年&nbsp;度&nbsp;佣&nbsp;金&nbsp;率&nbsp;：</label><input name="firstrate"  id="firstrate" type="text" value="0.00"/>&nbsp;&nbsp;&nbsp;&nbsp;
                续&nbsp;年&nbsp;度&nbsp;佣&nbsp;金&nbsp;率&nbsp;：<input name="conrate"  id="conrate" type="text" value="0.00"  />
     </p><p>&nbsp;</p>
     <p>
     <label for="monthrate">月度销售绩效奖比率：</label><input name="monthrate"  id="monthrate" type="text" value="0.00"/>&nbsp;&nbsp;&nbsp;&nbsp;
               季度销售绩效奖比率：<input name="seasonrate"  id="seasonrate" type="text" value="0.00"/>
     </p><p>&nbsp;</p>
     <p>
     <label for="yearrate">年度销售绩效奖比率：</label><input name="yearrate" type="text" value="0.00"/>&nbsp;&nbsp;&nbsp;&nbsp;
              增&nbsp;员&nbsp;辅&nbsp;导&nbsp;津&nbsp;贴&nbsp;：<input name="addEmprate" type="text" id="addEmprate" value="0.00"/>
     </p><p>&nbsp;</p>
     </fieldset>
     <p>&nbsp;</p>
     <fieldset class="myfieldset">
     <legend>业务层养老公积金：</legend>
     <p>&nbsp;</p>
     <p>
     <label for="yrateC">公&nbsp;司&nbsp;提&nbsp;取&nbsp;比&nbsp;例&nbsp;：</label><input name="yrateC"  id="yrateC" type="text" value="0.00"/>&nbsp;&nbsp;&nbsp;&nbsp;
              个&nbsp;人&nbsp;提&nbsp;取&nbsp;比&nbsp;例&nbsp;：<input name="yrateE"  id="yrateE" type="text" value="0.00"/>
     </p><p>&nbsp;</p>
     </fieldset>
     <p>&nbsp;</p>
     <fieldset class="myfieldset">
     <legend>管理层养老公积金：</legend>
     <p>&nbsp;</p>
     <p>
      <label for="grateZ">直辖&nbsp;组&nbsp;提&nbsp;取&nbsp;比例：</label><input name="grateZ"  id="grateZ" type="text" value="0.00"/>&nbsp;&nbsp;&nbsp;&nbsp;
             个人自提直辖组比例：<input name="grateE"  id="grateE" type="text" value="0.00"/>
     </p><p>&nbsp;</p>
     </fieldset>
     <p>&nbsp;</p>
     <div align="left" style="position:absolute">
        <fieldset>
        <legend>直辖组管理津贴：</legend>
        <p>&nbsp;</p>
        <p>
        <label for="zrate5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4&lt;=FYP:</label><input name="zrate5" id="zrate5" type="text" value="0.00"/>
        </p><p>&nbsp;</p>
         <p>
        <label for="zrate4">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3&lt;=FYP&lt;4:</label><input name="zrate4" type="text" id="zrate4" value="0.00"/>
        </p><p>&nbsp;</p>
          <p>
        <label for="zrate3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2&lt;=FYP&lt;3:</label><input name="zrate3" type="text" id="zrate3" value="0.00"/>
        </p><p>&nbsp;</p>
         <p>
        <label for="zrate2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1&lt;=FYP&lt;2:</label><input name="zrate2" type="text" id="zrate2" value="0.00"/>
        </p><p>&nbsp;</p>
         <p>
        <label for="zrate1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;FYP&lt;&nbsp;1:</label><input name="zrate1" type="text" id="zrate1" value="0.00"/>
        </p>
        </fieldset>    
     </div>
     <div align="left" style=padding-left:300px>
       <fieldset>
        <legend>区域经理津贴：</legend>
        <p>&nbsp;</p>
        <p>
        <label for="areaMrate4">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8&lt;=FYP:</label><input name="areaMrate4" id= "areaMrate4" type="text" value="0.00"/>
        </p><p>&nbsp;</p>
         <p>
        <label for="areaMrate3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5&lt;=FYP&lt;8:</label><input name="areaMrate3" id="areaMrate3" type="text" value="0.00"/>
        </p><p>&nbsp;</p>
         <p>
        <label for="areaMrate2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3&lt;=FYP&lt;5:</label><input name="areaMrate2" id="areaMrate2" type="text" value="0.00"/>
        </p><p>&nbsp;</p>
         <p>
        <label for="areaMrate1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;FYP&lt;3:</label><input name="areaMrate1" id="areaMrate1" type="text" value="0.00"/>
        </p><p>&nbsp;</p>
        </fieldset>    
     </div>
     <p>&nbsp;</p>
     <p>&nbsp;</p>
     <p>&nbsp;</p>
    <fieldset class="myfieldset">
    <legend>育成奖津贴：</legend>
    <p>&nbsp;</p>
    <p>
    <label for="firstY">&nbsp;&nbsp;&nbsp;一代育成奖系数：</label><input name="firstY" type="text"  id="firstY" value="0.00"/>
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  二代育成奖系数：<input name="secondY" type="text"  id="secondY" value="0.00"/>
    </p>
    </fieldset>
    <p>&nbsp;</p>
    <fieldset class="myfieldset">
    <legend>区域年度分红比率：</legend>
     <p>&nbsp;</p>
    <p>
    <label for="areaSrate1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;80&lt;=FYP&lt;100:</label><input name="areaSrate1"  id="areaSrate1" type="text" value="0.00"/>
                          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 100&lt;=FYP:<input name="areaSrate2"  id="areaSrate2" type="text" value="0.00" />
    </p>
    </fieldset>
     <p>&nbsp;</p>
     <p>
    <label for="areaY">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;区域育成奖：&nbsp;&nbsp;</label><input name="areaY" id="areaY" type="text"  value="0.00"/>
     </p><p>&nbsp;</p>
     <p>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="input" type="submit"  value="保存"  class="btn_1"/>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="input" type="reset"  value="取消"  class="btn_1"/>
     </p></div>
</fieldset>
</form>
</div>
  </body>
</html>
